<ion-header>
    <ion-navbar no-border-bottom>
        <ion-title>
            明细信息
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content class='task-detail'>
    <ion-card>
        <ion-list class="first-layer" *ngFor="let item of formatedItem;let i = index;">
            <ion-item (click)="checkIsSelected(item)">
                <ion-row>
                    <ion-col>{{(i+1) + "、" + item.name}}</ion-col>
                    <ion-col text-right>{{item.data.currEditorName}}</ion-col>
                    <ion-col text-right width-10>
                        <ion-icon *ngIf="!item.isShow" name="arrow-forward"></ion-icon>
                        <ion-icon *ngIf="item.isShow" name="arrow-down"></ion-icon>
                    </ion-col>
                </ion-row>
            </ion-item>
            <ion-list *ngIf="item.data && item.data !='' && item.data !=null">
                <ion-item [hidden]="!item.isShow">
                    <ion-row>
                        <ion-col width-33 class="colName">序号</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{i+1}}</ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 class="colName">当前步骤</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{item.data.currNodeName}}</ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 class="colName">当前处理人</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{item.data.currEditorName}}</ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 class="colName">意见</ion-col>
                        <ion-col width-67 class="colVal" text-right>
                            <div [innerHTML]="item.data.notion"></div>
                        </ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 class="colName">提交时间</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{item.data.createTime}}</ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 class="colName">下一处理步骤</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{item.data.nextNodeName}}</ion-col>
                    </ion-row>
                    <ion-row>
                        <ion-col width-33 width-33 class="colName">下一处理人</ion-col>
                        <ion-col width-67 class="colVal" text-right>{{item.data.nextEditor}}</ion-col>
                    </ion-row>
                </ion-item>
            </ion-list>
        </ion-list>
    </ion-card>
</ion-content>
